.regard-container
	.regard-title
		position: relative
		p
			position: absolute
			width: 420px
			height: 350px
			top: 50%
			left: 50%
			margin: -175px 0 0 -555px
			font-size: 18px
			color: #fff
			letter-spacing: 1.4px
			line-height: 27px
			text-align: justify
	.regard-title-white
		height: 540px
		position: relative
		background: #f5f5f5
		padding: 100px
		img
			display: block
			width: 588px
			height: 185px
			margin: 0 auto
		.regard-text
			position: absolute
			top: 160px
			left: 50%
			transform: translateX(-50%)
			img
				width: 100%
				height: auto
			.regard-text-t
				h2
					font-size: 24px
					letter-spacing: 2px
					font-weight: bold
					text-align: center
				.text-small
					font-size: 12px
					letter-spacing: 1px
					text-align: center
			.main-text
				width: 690px
				margin: 0 auto
				font-size: 18px
				padding-top: 27px
				letter-spacing: 1.4px
				line-height: 32px
				margin-top: 80px
	.regard-title-bgImage
		img
			width: 100%
			height: auto
	.regard-title-experience
		background: #f5f5f5
		padding: 100px 74px 0 74px
		.experience-title
			background: #fff
			padding: 90px 65px
			display: flex
			justify-content: center
			align-items: center
			.experience-title-text
				h2
					font-size: 24px;
					letter-spacing: 2px;
					font-weight: bold;
					text-align: center;
				p
					font-size: 12px;
					letter-spacing: 1px;
					text-align: center;
			.experience-title-l,.experience-title-r
				height: 80px
				width: 64px
				img
					display: block
					width: 64px
					height: 17px
					margin-top: 25px
		.experience-content
			margin-top: 10px
			.experience-content-list
				display: flex
				flex-wrap: wrap
				.experience-content-item
					width: 240px
					height: 240px
					background: #A5C532
					color: #fff
					h2
						padding: 20px 22px 18px 22px;
						font-size: 24px;
						letter-spacing: 2px;
						line-height: 33px;
						font-weight: bold;
					p
						padding: 0 22px
						line-height: 19px
						font-size: 14px
					img
						display: block
						width: 100%
						height: 100%
				.experience-color1
					background: #f5f5f5
				.experience-color2
					background: #fff
				.experience-content-itemr
					h2
						padding: 20px 22px 18px 22px;
						font-size: 24px;
						letter-spacing: 2px;
						line-height: 33px;
						font-weight: bold;
					div
						position: relative;
						top: -10px;
						margin-left: 22px;
						width: 170px;
						border-top: 1px solid #222;
						font-size: 10px;
						line-height: 24px;
					p
						width: 360px
						padding: 8px 0 0 22px
						line-height: 19px
						font-size: 14px
	.regard-title-blank
		padding: 90px 0 100px 0
		background: #f5f5f5
	.regard-title-image
		img
			width: 100%
			height: auto
	.regard-title-phone
		padding: 100px 74.5px
		background: #f5f5f5
		display: flex
		// justify-content: center
		// align-items: center
		.regard-title-phone-l
			width: 390px;
			margin-left: 170px;
			padding-top: 120px;
			.regard-app
				display: flex
				align-items: center
				img
					width: 193px
					height: 193px
					display: block
				.regard-app-text
					h2
						font-size: 24px
						letter-spacing: 2px;
						line-height: 52px;
						font-weight: bold;
					p
						font-szie: 14px
						line-height: 19px
			.regard-app-info
				font-size: 14px
				color: #959595
				line-height: 23px
			.regard-app-image
				padding-top: 35px
				a
					display: block
					margin-bottom: 20px
				img
					display: block
					width: 276px
					height: 74px
		.regard-title-phone-r
			img
				display: block
				width: 427px
				height: 714px
	.regard-title-logo
		display: flex
		background: #fff
		padding: 73px
		.regard-title-logo-text
			width: 300px
			height: 601px
			display: flex
			flex-direction: column
			justify-content: center
			align-items: center
			h2
				font-size: 24px;
				letter-spacing: 2px;
				line-height: 33px;
				font-weight: bold;
			p
				padding-top: 20px
				line-height: 19px
				font-size: 14px
		.regard-title-logo-image
			display: block
			width: 900px
			height: 601px
